<template>
    <div>
        <el-carousel :interval="2000" type="card">
            <el-carousel-item v-for="item in imgArray" :key="item">
                <el-image :src="item" style="height:350px"></el-image>
            </el-carousel-item>
        </el-carousel>
    </div>
</template>

<script>
export default {
  components:{},
  data(){
    return {
        imgArray:[
            require('../assets/img/1.jpg'),
            require('../assets/img/2.jpg'),
            require('../assets/img/3.jpg'),
            require('../assets/img/4.jpg'),
            require('../assets/img/5.jpg')
        ]
    }
  },
  created(){},
  mounted(){},
  watch:{},
  computed:{},
  methods:{},
}
</script>
<style  scoped>
</style>